:root{
    --width-main: 1000px;
    --color-main: rgb(11, 138, 85);
    --color-minor: rgb(204, 224, 204);
    --font-color-main:  rgb(34, 34, 34);
    --font-color-minor: rgb(136, 136, 136);
    --background-color: rgb(248, 248, 248);
}
@media screen and (max-width: 1000px){
    :root{
        --width-main: 94vw
    }
}
*{margin: 0; padding: 0;}
html{font-size: 62.5%;}
body{color: var(--font-color-main); background-color: var(--background-color);line-height: 2.6em;}
a:link{text-decoration: underline; color: var(--color-main); font-weight: bold;}
a:visited{text-decoration: underline; color: var(--color-main); font-weight: bold;}
a:hover{text-decoration: underline; color: var(--color-main); font-weight: bold;}
a:active{text-decoration: underline; color: var(--font-color-main); font-weight: bold;}
h1{font-size: 3.2rem;}
h2{font-size: 2.6rem;}
h3{font-size: 2rem;}
h4{font-size: 1.8rem;}
h5{font-size: 1.6rem;}
h6{font-size: 1.4rem;}
#main{
    margin: 0 auto;
    width: var(--width-main);
    min-height: 85vh;
    font-size: 1.8rem;
}
article{
    padding: 20px 10px 20px 10px;
}
#footer{
    margin: 0 auto;
    padding: 20px 0;
    width: var(--width-main);
    font-size: 1.6rem;
    text-align: center;
}


em{
    padding-right: 4px;
    background-color: rgb(255, 246, 126);
}
p{
    margin: 20px 0;
}
pre{
    overflow-x: auto;
    margin: 20px 0;
    padding: 10px;
    font-size: 1.8rem;
    color: rgb(231, 231, 231);
    background-color: rgb(53, 53, 53);
}
blockquote{
    margin: 20px 0;
    padding: 20px 20px 20px 12px;
    border-left: 5px solid var(--color-main);
    background-color: rgb(235, 235, 235);
}
img{
    display: block;
    margin: 20px 0;
}
ul{
    margin: 10px 0;
    list-style-position: inside;
}
ol{
    margin: 10px 0;
    list-style-position: inside;
}
dl{
    margin: 10px 0;
    padding-left: 10px;
}
dd{
    font-size: 1.6rem;
}
dd::before{
    content: "-- ";
}
table{
    margin: 20px 0;
    border-collapse:collapse;
    border-color: var(--font-color-minor);
}
caption{
    padding-bottom: 5px;
    font-size: 2rem;
}
caption::before{
    content: "-- ";
}
caption::after{
    content: " --";
}
th{
    padding: 5px;
    background-color: var(--color-minor);
}
td{
    padding: 5px;
}